<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" href="css/bootstrap.3.4.1.css">

		<title> demo </title>
	</head>
	
	<!-- 
	 
	 
	 
	 
	 按钮组 表/14.4 
	 https://biaoyansu.com/14.4
	 
	 
	 
	 
	 -->
	<body>

		<h1>
			demo
		</h1>

		<div class="well">


			<div class="btn-toolbar">


				<div class="btn-group btn-group-lg">
					<div class="btn btn-default">点我</div>
					<div class="btn btn-default">点我</div>
					<div class="btn btn-default">点我</div>
					<div class="btn btn-default">点我</div>
				</div>




				<div class="btn-group">
					<div class="btn btn-default">点我2</div>
					<div class="btn btn-default">点我2</div>
					<div class="btn btn-default">点我2</div>
					<div class="btn btn-default">点我2</div>
				</div>




				<div class="btn-group btn-group-sm">
					<div class="btn btn-default">点我3</div>
					<div class="btn btn-default">点我3</div>
					<div class="btn btn-default">点我3</div>
					<div class="btn btn-default">点我3</div>
				</div>




				<div class="btn-group btn-group-xs">
					<div class="btn btn-default">点我4</div>
					<div class="btn btn-default">点我4</div>
					<div class="btn btn-default">点我4</div>

				</div>

			</div>



		</div>




		<div class="well">


				
			<!-- 纵向排列  -->
			<div class="btn-group-vertical ">
				<div class="btn btn-default ">点我2</div>
				<div class="btn btn-default ">点我2</div>
				<div class="btn btn-default ">点我2</div>
				<div class="btn btn-default ">点我2</div>
			</div>


		</div>

	</body>
</html>
